<div class="usercenter">
	<div class="head" (click)='onOutsize(true)'>
		<h1 >{{'index-my-Page.html2' | translate}}</h1>
		<div class="uc-head">
			<div class="uc-info-card">
				<div class="uc-info-card-top">
					<div class="uc-info-header">
						<img src="../../assets/images/usercenter/header.png" />
					</div>
					<div class="uc-info-level">
						<h3>{{userDel.loginId}}</h3>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="uc-info-card-bottom">
		<div class="uc-info-amount">
			<div class="amount-number" *ngIf="!showAmount"><img src="../../assets/images/usercenter/USDT.png" />******
			</div>
			<div class="amount-number" *ngIf="showAmount"><img
					src="../../assets/images/usercenter/USDT.png" />{{balance}}</div>
			<h4>
				<span  (click)="toggleAmount()">
					<img style="width: 2.25rem;height: 2.25rem;" src="../../assets/images/usercenter/icon-eye.png" *ngIf="!showAmount" />
				</span>
				<span (click)="toggleAmount()">
					<img style="width: 2.25rem;height: 2.25rem;" src="../../assets/images/usercenter/icon-eye-active.png" *ngIf="showAmount" />
				</span>
			</h4>
		</div>
		<div class="uc-info-amount" (click)='onLHCZ()'>
			<div class="amount-number"><img src="../../assets/images/usercenter/cz.png" /></div>
			<div class="amount-number" style="margin-left: 0;">{{'index-my-Page.html9' | translate}}</div>
		</div>
	</div>

	<div class="list">
		<ul>
			<li routerLink="/walletList">
				<img src="../../assets/images/usercenter/user.png" alt="">
				<div>
					<p>{{ 'websiteRedeploy.html4' | translate }}</p>
				</div>
				<h4>></h4>
			</li>
			<li routerLink="/updatePwd/1">
				<img src="../../assets/images/usercenter/1.png" alt="">
				<div>
					<p>{{'index-my-Page.html3' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
			<li routerLink="/updatePwd/2">
				<img src="../../assets/images/usercenter/2.png" alt="">
				<div>
					<p>{{'index-my-Page.html4' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
			<li routerLink="/jyjl">
				<img src="../../assets/images/usercenter/3.png" alt="">
				<div>
					<p>{{'index-my-Page.html5' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
			<li>
				<img src="../../assets/images/usercenter/4.png" alt="">
				<div>
					<p>{{'index-my-Page.html6' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
			<li>
				<img src="../../assets/images/usercenter/5.png" alt="">
				<div>
					<p>{{'index-my-Page.html7' | translate}}</p>
				</div>
				<h4>></h4>
			</li>
		</ul>
	</div>

</div>


<div class="fixed-box" *ngIf="dialogShow">
	<div class="pay-sure-box">
		<h3>{{'MSG.chickout-msg' | translate}}</h3>
		<div style="display: flex;">
			<button class="btn-primary" (click)="chickOut()">{{'OK' | translate}}</button>
			<button class="btn-default" (click)="cancel()">{{'cancel' | translate}}</button>
		</div>
	</div>
</div>